/**
 * 全局样式入口文件
 *
 * 注意:
 * - styles 文件夹下除了 index.scss 文件，其他文件命名都应该以 _ 开头
 * - 纯SCSS文件需要显式导入变量，Vue文件中的样式块自动全局注入
 */

/* 导入变量 */
@use '@styles/abstracts' as *;

/* 导入基础样式重置 */
@use '@styles/base/_index';

/* 导入自定义样式 */
@use '@styles/_custom';

/* 页面基础样式 */
page {
  font-family: $font-family-base;
  font-size: $font-size-md;
  line-height: $line-height-base;
  color: $color-text-primary;
  background-color: $color-bg-page;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/* 页面容器 */
.uni-page-body,
.page-container {
  min-height: 100%;
}

/* 移除按钮默认边框 */
button::after {
  border: none;
}

/* 基础滚动条样式 */
::-webkit-scrollbar {
  width: 6rpx;
  height: 6rpx;
}

::-webkit-scrollbar-thumb {
  background-color: rgba($color-text-primary, 0.2);
  border-radius: 3rpx;
}

/* uniapp内置组件样式兼容 */
.uni-mask {
  z-index: $z-modal;
}

.uni-popup {
  z-index: $z-popup;
}
